<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内蒙古自治区突发事件预警信息发布中心</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery2.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="resources/js/warning-info.js"></script>
</head>
<body>
<!--banner-->
<header>
    <img src="img/banner-bg.png" alt="" class="banner-bg">
    <div class="banner-text">
        <img src="img/logo.png" alt="" class="logo">
        <img src="img/banner-bg-text.png" alt="" class="banner-bg-text">
        <img src="img/banner-en-text.png" alt="" class="banner-en-text">
    </div>
</header>
<!--menu-->
<div class="center-menu">
    <ul class="menu-ul">
        <li class="menu-active"><a href="index.html">首页</a></li>
        <li><a href="html/warning-info.html">预警信息</a></li>
        <li><a href="html/policy.html">政策法规</a></li>
        <li><a href="html/notify.html">通知公告</a></li>
        <li><a href="html/manage.html">预案管理</a></li>
        <li><a href="html/knowledge.html">知识库</a></li>
    </ul>
</div>
<!--内容开始-->
<div class="item-con">
    <!--上半部分-->
    <div class="top-con">
        <!--上左部分开始-->
        <div class="top-left">
            <!--轮播图开始-->
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" value="1" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="img/top-bg.png" alt="...">
                        <div class="carousel-caption">
                            <h4>省气象台发布霾黄色预警[Ⅲ级/较重]</h4>
                            <p>2017年11月4日10:00</p>
                            内蒙古气象台11月4日10:00发布霾黄色预警：预计呼和浩特、包头、赤峰、巴彦淖尔、丰镇、锡林郭勒部分地区未来12小时将出现中度霾，请注意防范。
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/top-bg.png" alt="...">
                        <div class="carousel-caption">
                            <h4>省气象台发布霾黄色预警[Ⅲ级/较重]</h4>
                            <p>2017年11月4日10:00</p>
                            内蒙古气象台11月4日10:00发布霾黄色预警：预计呼和浩特、包头、赤峰、巴彦淖尔、丰镇、锡林郭勒部分地区未来12小时将出现中度霾，请注意防范。
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/top-bg.png" alt="...">
                        <div class="carousel-caption">
                            <h4>省气象台发布霾黄色预警[Ⅲ级/较重]</h4>
                            <p>2017年11月4日10:00</p>
                            内蒙古气象台11月4日10:00发布霾黄色预警：预计呼和浩特、包头、赤峰、巴彦淖尔、丰镇、锡林郭勒部分地区未来12小时将出现中度霾，请注意防范。
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/top-bg.png" alt="...">
                        <div class="carousel-caption">
                            <h4>省气象台发布霜冻黄色预警[Ⅲ级/较重]</h4>
                            <p>2017年11月4日10:00</p>
                            内蒙古气象台11月4日10:00发布霜冻黄色预警：预计呼和浩特、包头、赤峰、巴彦淖尔、丰镇、锡林郭勒部分地区未来12小时将出现中度霜冻，请注意防范。
                        </div>
                    </div>
                </div>

            </div>
            <!--轮播图结束-->
            <!--什么是预警突发事件开始-->
            <div class="what">
                <p class="what-tit">什么是预警突发事件?</p>
                突发事件是指突然发生、造成或者可能造成严重社会危害，需要采取应急处置措施予以应对的自
                然灾害、事故灾难、公共卫生事件和社会安全事件。突发事件具有突发性、严重的危害性，随着时代的发展，呈现逐渐增多的趋势，大多可预测 和预防的特点。
            </div>
            <!--什么是预警突发事件结束-->
            <!--突发事件类别开始-->
            <div class="tufa-class">
                <p class="what-tit">突发事件级别</p>
                <div>
                    <span class="class-color class-blue"></span>
                    <span class="class-text">蓝色预警/IV级/一般</span>
                </div>
                <div>
                    <span class="class-color class-yellow"></span>
                    <span class="class-text">黄色预警/III级/较重</span>
                </div>
                <div>
                    <span class="class-color class-orange"></span>
                    <span class="class-text">橙色预警/II级/严重</span>
                </div>
                <div>
                    <span class="class-color class-red"></span>
                    <span class="class-text">红色预警/I级/特别严重</span>
                </div>
            </div>
            <!--突发事件类别结束-->
        </div>
        <!--上左部分结束-->
        <!--上右部分开始-->
        <div class="top-right">

        </div>
        <!--上右部分结束-->
    </div>

    <!--下半部分-->
    <div class="bottom-con">
        <!--政策法规开始-->
        <div class="bottom-box">
            <p class="what-tit">政策法规<span class="more"><a href="html/policy.html">更多>></a></span></p>
            <ul class="zlfg-ul">
                <li>
                    <a href="">中华人民共和国环境保护税法</a>
                </li>
                <li>
                    <a href="">中华人民共和国煤炭法</a>
                </li>
                <li>
                    <a href="">中华人民共和国矿山安全法</a>
                </li>
                <li>
                    <a href="">中华人民共和国安全生产法</a>
                </li>
                <li>
                    <a href="">中华人民共和国中医药法</a>
                </li>
                <li>
                    <a href="">铁路安全管理条例</a>
                </li>
                <li>
                    <a href="">中华人民共和国野生动物保护法</a>
                </li>
                <li>
                    <a href="">《中华人民共和国网络安全法》</a>
                </li>
                <li>
                    <a href="">《疫苗流通和预防接种管理条例》</a>
                </li>
            </ul>
        </div>
        <!--政策法规结束-->
        <div class="box-line"></div>
        <!--知识库开始-->
        <div class="bottom-box">
            <p class="what-tit">预警视频<span class="more"><a href="">更多>></a></span></p>
            <div class="video">
                <video id="video1" controls="controls"
                       style="width: 260px;height:120px;margin: 0 1%;position: relative;">
                    <source src="img/asdfg.webm" type="video/mp4">
                </video>
                <video id="video2" controls="controls"
                       style="width: 260px;height:120px;margin: 0 1%;position: relative;">
                    <source src="img/asdfg.webm" type="video/mp4">
                </video>
            </div>

        </div>
        <!--知识库结束-->
        <div class="box-line"></div>
        <!--通知公告开始-->
        <div class="bottom-box">
            <p class="what-tit">通知公告<span class="more"><a href="html/notify.html">更多>></a></span></p>
            <ul class="tzgg-ul">
                <li>
                    <a href="">
                        <span class="tzgg-text">住房城乡建设部人民银行银监会联合部署规范购房融资和加强反洗钱工作</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">振兴司负责同志带队赴山东省、河北省调研城区老工业区搬迁改造工作</span>
                        <span class="tzgg-time">2017-11-07</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">国家发展改革委修订出台《政府制定价格成本监审办法》</span>
                        <span class="tzgg-time">2017-11-07</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">稽察办赴呼和浩特调研2018年稽察工作思路</span>
                        <span class="tzgg-time">2017-11-07</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">2017年10月主任信箱办理情况</span>
                        <span class="tzgg-time">2017-11-06</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">把习近平新时代中国特色社会主义思想作为党员干部的案头</span>
                        <span class="tzgg-time">2017-11-06</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">关于国家康复辅助器具产业综合创新试点地区的公示</span>
                        <span class="tzgg-time">2017-11-05</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">关于公开征求《农村社区服务基本要求（征求意见稿）》意见的通知</span>
                        <span class="tzgg-time">2017-11-02</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">国家能源局与国家开发银行签署《关于支持核电技术创新及“走出去”的战略合作协议》</span>
                        <span class="tzgg-time">2017-11-01</span>
                    </a>
                </li>
            </ul>

        </div>
        <!--通知公告结束-->

        <!--预警手册开始-->
        <div class="bottom-box">
            <p class="what-tit">预警手册<span class="more"><a href="html/knowledge.html">更多>></a></span></p>
            <div class="fysc">
                <a href="">
                    <img src="img/fysc1.jpg" alt="">
                </a>
                <a href="">
                    <img src="img/fysc2.jpg" alt="">
                </a>
            </div>


        </div>
        <!--预警手册结束-->
        <div class="box-line"></div>
        <!--防御专题开始-->
        <div class="bottom-box">
            <p class="what-tit">防御专题<span class="more"><a href="html/knowledge.html">更多>></a></span></p>
            <ul class="fyzt-ul">
                <li>
                    <a href="">翻船事故中你需要知道的一些知识</a>
                </li>
                <li>
                    <a href="">台风来袭前会有什么预兆？</a>
                </li>
                <li>
                    <a href="">如何预防麻疹疾病</a>
                </li>
                <li>
                    <a href="">预防煤气中毒小常识</a>
                </li>
                <li>
                    <a href="">城市燃气火灾爆炸事故应急措施</a>
                </li>
                <li>
                    <a href="">中小学生暑期交通安全提示</a>
                </li>
                <li>
                    <a href="">如何通过气象条件预判病虫害</a>
                </li>
                <li>
                    <a href="">台风避险防灾十大小帖士</a>
                </li>
                <li>
                    <a href="">专家教你飞机意外自救逃生攻略</a>
                </li>
            </ul>

        </div>
        <!--防御专题结束-->
        <div class="box-line"></div>
        <!--应急电话开始-->
        <div class="bottom-box">
            <p class="what-tit">应急电话</a></span></p>
            <ul class="yjdh-ul">
                <li>
                    <span class="yjdh-text">三防办：</span>
                    <span class="yjdh-number">83071111</span>
                </li>
                <li>
                    <span class="yjdh-text">气象局：</span>
                    <span class="yjdh-number">12121</span>
                </li>
                <li>
                    <span class="yjdh-text">教育局：</span>
                    <span class="yjdh-number">82105639</span>
                </li>
                <li>
                    <span class="yjdh-text">公安局：</span>
                    <span class="yjdh-number">110</span>
                </li>
                <li>
                    <span class="yjdh-text">海洋局：</span>
                    <span class="yjdh-number">83949279</span>
                </li>
                <li>
                    <span class="yjdh-text">交通运输委：</span>
                    <span class="yjdh-number">83228000</span>
                </li>
                <li>
                    <span class="yjdh-text">海事局：</span>
                    <span class="yjdh-number">83797011</span>
                </li>
                <li>
                    <span class="yjdh-text">市政府热线：</span>
                    <span class="yjdh-number">12345</span>
                </li>
                <li>
                    <span class="yjdh-text">口岸办：</span>
                    <span class="yjdh-number">83394325</span>
                </li>
                <li>
                    <span class="yjdh-text">食品药品投诉：</span>
                    <span class="yjdh-number">12331</span>
                </li>
                <li>
                    <span class="yjdh-text">民政局：</span>
                    <span class="yjdh-number">12349</span>
                </li>
                <li>
                    <span class="yjdh-text">人力资源保障局： </span>
                    <span class="yjdh-number">12333</span>
                </li>
            </ul>
        </div>
        <!--应急电话结束-->
    </div>
</div>

<!--footer-->
<div class="con_fonter bcgbluea">
    <p>&nbsp;</p>
    <p>Copyright©内蒙古自治区突发事件预警信息发布中心 All Rights Reserved(<span id="tm" style="color:white;">2010-2020</span>)版权所有 复制必究</p>
    <p>蒙ICP备16001969号
</div>

</body>
</html>